.markdown {
  @apply prose text-[--el-text-color-primary] max-w-full;
  /* 使用 Tailwind CSS 的 typography 插件 */
}

.markdown :where(p):first-of-type {
  margin-top: 0;
  /* 去除第一个 p 标签的上方间距 */
}

.markdown pre {
  @apply overflow-x-auto p-2 rounded my-1;
  /* 代码块样式 */
}

.markdown code {
  @apply text-sm rounded text-[--el-text-color];
  /* 行内代码样式 */
}

.markdown h1 {
  @apply text-2xl font-bold mt-4 mb-2;
}

.markdown h2 {
  @apply text-xl font-bold mt-3 mb-1;
}

.markdown h3 {
  @apply text-lg font-semibold mt-2 mb-1;
}

.markdown p {
  @apply mb-1 mt-1;
}

.markdown a {
  @apply text-blue-500 underline;
}

.markdown ul {
  @apply list-disc pl-5 my-1;
}

.markdown ol {
  @apply list-decimal pl-5;
}

.markdown li {
  @apply my-1;
}

.markdown blockquote {
  @apply border-l-4 border-gray-300 pl-4 italic text-gray-600;
}

html.dark .markdown {
  --tw-prose-bold: var(--el-text-color-primary);
  --tw-prose-headings: var(--el-text-color-primary);
}